.el-loading-parent--relative {
	position: relative!important
}

.el-loading-parent--hidden {
	overflow: hidden!important
}

.el-loading-mask {
	position: absolute;
	z-index: 100;
	background-color: rgba(255,255,255,.9);
	margin: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transition: opacity .3s;
	transition: opacity .3s
}

.el-loading-mask.is-fullscreen {
	position: fixed
}

.el-loading-mask.is-fullscreen .el-loading-spinner {
	margin-top: -25px
}

.el-loading-mask.is-fullscreen .el-loading-spinner .circular {
	height: 50px;
	width: 50px
}

.el-loading-spinner {
	top: 25%;
	margin-top: -21px;
	width: 100%;
	text-align: center;
	position: absolute
}

.el-loading-spinner .el-loading-text {
	color: #409EFF;
	margin: 120px 0;
	font-size: 14px;
	z-index: 99;
}

.el-loading-spinner .circular {
	height: 42px;
	width: 42px;
	-webkit-animation: loading-rotate 2s linear infinite;
	animation: loading-rotate 2s linear infinite
}

.el-loading-spinner .path {
	-webkit-animation: loading-dash 1.5s ease-in-out infinite;
	animation: loading-dash 1.5s ease-in-out infinite;
	stroke-dasharray: 90,150;
	stroke-dashoffset: 0;
	stroke-width: 2;
	stroke: #409EFF;
	stroke-linecap: round
}

.el-loading-spinner i {
	color: #409EFF
}

.el-loading-fade-enter,.el-loading-fade-leave-active {
	opacity: 0
}

@-webkit-keyframes loading-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes loading-rotate {
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes loading-dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px
	}
}

@keyframes loading-dash {
	0% {
		stroke-dasharray: 1,200;
		stroke-dashoffset: 0
	}

	50% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -40px
	}

	100% {
		stroke-dasharray: 90,150;
		stroke-dashoffset: -120px
	}
}
/* .container {
  left: 50%;
  position: absolute;
  top: 100px;
  transform: translate(-50%, -50%);
}
.container1 {
  left: 50%;
  position: absolute;
  top: 80px;
  transform: translate(-50%, -50%);
} */
/* PROGRESS */
.progress {
  background-color: #e5e9eb;
  height: 0.25em;
  position: relative;
  width: 24em;
}
#progress-bar {
	/* animation-duration: 4s; */
	/* animation-name: width; */
  /*background-image: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);*/
	background-image: linear-gradient(to right, #0F91FF,#00F8FF);
	background-size: 24em 0.25em;
	height: 100%;
  position: relative;
  animation-fill-mode: forwards;
  width:0
}
.progress1 {
  left: 50%;
  height: 0.25em;
  position: relative;
  width: 24em;
  transform: translate(-50%, -50%);
}
#num {
	height: 100%;
  position: relative;
  width: 50px;
  color: #409EFF;
  animation-fill-mode: forwards;
}
.progress-shadow {
	background-image: linear-gradient(to bottom, #eaecee, transparent);
	height: 4em;
	position: absolute;
	top: 100%;
	transform: skew(45deg);
	transform-origin: 0 0;
	width: 100%;
}
/* ANIMATIONS */
@keyframes width {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 1%;
  }
  100% {
    width: 97%;
  }
}
@keyframes widthEnd {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    width: 97%;
  }
  98% {
    width: 100%;
  }
}
@keyframes left {
  0%, 100% {
    transition-timing-function: cubic-bezier(1, 0, 0.65, 0.85);
  }
  0% {
    margin-left: 0;
  }
  100% {
    margin-left: 97%;
  }
}